<template>
  <div class="low-code app-container">
    <FormLayout>
      <BaseLowCodeConfig ref="baseLowCodeConfig" />
    </FormLayout>
    <SupplementLayout class="dragger-content">
      <DraggerLeftConfig />
      <DraggerConfig />
      <DraggerRightConfig />
    </SupplementLayout>
  </div>
</template>

<script setup lang="ts">
const baseLowCodeConfig = ref(null);
// 获取配置信息
function getConfig() {
  // if (baseLowCodeConfig.value && baseLowCodeConfig.value.getConfig) {
  //   let config =
  //     baseLowCodeConfig?.value && baseLowCodeConfig?.value?.getConfig();
  //   console.log(config);
  // }
}
</script>

<style lang="scss" scoped>
.low-code {
  .supplement-layout {
    padding: 0;
    padding-bottom: 8px;
  }

  .dragger-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
</style>
